<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../public/layui/css/layui.css"/>
    <link rel="stylesheet" href="../public/css/basic.css"/>
    <link rel="stylesheet" href="../public/css/manage.css"/>
    <script src="../public/js/jquery-1.11.1.min.js"></script>
    <title>短信提醒</title>
    <style>
        body{min-width: 500px}
        .tj{width: 120px;margin: 0 auto}
    </style>
</head>
<body>

<div class="m-main">
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this">短信联系人</li>
            <li>短信内容</li>
        </ul>
        <div class="layui-tab-content" >
            <div class="layui-tab-item layui-show">
                <div class="main">
                <div class="ss1">
                    <form class="layui-form" action="">
                        <div class="layui-input-inline">
                            <input type="text"placeholder="请输入姓名"class="layui-input">
                        </div>
                        <input type="submit" class="layui-btn ml20 " value="搜索"/>
                        <div  class="layui-btn ml20 set add">新增联系人</div>
                    </form>
                </div>
                <form action="" class="layui-form">
                    <div class="table">
                        <div class="layui-form">
                            <table class="layui-table">
                                <thead>
                                    <tr>
                                    <th width="40px">序号</th>
                                    <th>区域</th>
                                    <th>区块</th>
                                    <th>姓名</th>
                                    <th>手机号</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                     <tr>
                                    <td>1</td>
                                    <td>区域一</td>
                                    <td>朱培林</td>
                                    <td>区块二</td>
                                    <td>13478458956</td>
                                    <td>
                                        <span class="bj cz">编辑</span>
                                        <span class="sc cz">删除</span>
                                    </td>
                                </tr>
                                     <tr>
                                    <td>2</td>
                                    <td>区域一</td>
                                    <td>朱培林</td>
                                    <td>区块二</td>
                                    <td>13478458956</td>
                                    <td>
                                        <span class="bj cz">编辑</span>
                                        <span class="sc cz">删除</span>
                                    </td>
                                </tr>
                                     <tr>
                                    <td>3</td>
                                    <td>区域一</td>
                                    <td>朱培林</td>
                                    <td>区块二</td>
                                    <td>13478458956</td>
                                    <td>
                                        <span class="bj cz">编辑</span>
                                        <span class="sc cz">删除</span>
                                    </td>
                                </tr>
                                     <tr>
                                    <td>4</td>
                                    <td>区域一</td>
                                    <td>朱培林</td>
                                    <td>区块二</td>
                                    <td>13478458956</td>
                                    <td>
                                        <span class="bj cz">编辑</span>
                                        <span class="sc cz">删除</span>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="fy">这里是分页</div>
                    </div>
                </form>

            </div>
            </div>

            <div class="layui-tab-item">
                <div class="layui-input-block mb30">
                    <textarea style="resize: none" placeholder="区域A大棚32号内温度过高" class="layui-textarea"></textarea>
                </div>
                <div class="tj "><input type="submit" class="layui-btn ml20 " value="保存"/></div>
            </div>

        </div>
    </div>



</div>


<script src="../public/layui/layui.js"></script>


<script>
    layui.use(['form'], function() {
        var form = layui.form;
    })

    //    tab切换
    layui.use('element', function(){
        var $ = layui.jquery
                ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块


    });

//删除提醒
    $(".sc").click(function () {
        layer.confirm('确认删除？', {
            btn: ['是','否'] //按钮
        });


    });

//编辑联系人
    $(".bj").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '编辑',
            area: ['90%', '550px'],
            content: 'manage8-pops.html'

        });


    });





</script>


</body>
</html>